<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="main/_fragments :: header(~{::title},~{},~{::meta})">
    <!--  关键字  -->
    <meta type="keywords" content="ZGX博客归档"/>
    <!--  描述　-->
    <meta type="description" content="ZGX博客归档详情页面"/>
    <title>ZGX博客归档页面</title>
</head>
<body>

<!--头部导航-->
<div th:replace="main/_fragments :: menu(4)"></div>

<!--中间内容   ctrl+enter先输入内容然后注释-->
<!--div +tab 快速补全代码-->
<div id="middle-content" class="m-container-small m-padded-tb-big">
    <div class="ui container">
        <div class="ui top attached padded segment">
            <!--middle aligned 代表垂直居中-->
            <div class="ui middle aligned two column grid">
                <div class="column">
                    <h3 class="ui teal header" th:text="#{fragment.header.blog.file}"></h3>
                </div>
                <div class="right aligned column">
                    [[#{index.blog.Middle.title.common}]]<h2 class="ui orange m-inline-blok header m-padded-tb-tiny"
                                                             th:text="${size}"></h2>
                    [[#{category.label.individual.test}]]
                </div>
            </div>
        </div>

        <th:block th:each="each :${archives}">
            <h2 class="ui center aligned header" th:text="${each.key}"></h2>
            <div class="ui fluid vertical menu">
                <a th:href="@{/blog/{id}(id=${blogBean.id})}" href="#" target="_blank" class="item"
                   th:each="blogBean : ${each.value}">
            <span>
                <i class="mini teal circle icon"></i>[[${blogBean.title}]]
                <div class="ui teal basic left pointing label mini"
                     th:text="${#dates.format(blogBean.createTime,'MM-dd')}"></div>
                <th:block th:if="${blogBean.top == 1}">
                     <svg t="1572417434757" class="icon" viewBox="0 0 2139 1024" version="1.1"
                          xmlns="http://www.w3.org/2000/svg" p-id="4891" width="30" height="30"><path
                             d="M2138.552066 1023.943581 0 1023.943581 0 0l2138.552066 0L2138.552066 1023.943581zM28.209366 995.734215l2082.133333 0L2110.3427 28.209366 28.209366 28.209366 28.209366 995.734215z"
                             p-id="4892" fill="#d81e06"></path><path
                             d="M759.847493 398.259835l134.89719 0c24.711405 0 57.321433-0.9027 97.830083-2.65168l0 44.96573c-38.816088-1.748981-71.426116-2.65168-97.830083-2.65168l-142.795813 0-5.303361 37.010689 174.559559 0c-1.748981 44.06303-2.65168 81.130138-2.65168 111.088485l0 169.256198c42.31405 0 79.324738-0.9027 111.088485-2.65168l0 39.662369c-38.816088-1.748981-74.924077-2.65168-108.436804-2.65168l-380.826446 0c-35.261708 0-70.523416 0.9027-105.785124 2.65168L434.593499 752.625895c37.010689 1.748981 74.077796 2.65168 111.088485 2.65168l0-169.256198c0-29.958347-0.9027-67.025455-2.65168-111.088485l153.402534 0 5.303361-37.010689L561.535647 437.922204c-31.763747 0-65.220055 0.9027-100.481763 2.65168L461.053884 395.608154C496.259174 397.357135 529.771901 398.259835 561.535647 398.259835l145.447493 0c1.748981-14.104683 2.65168-27.306667 2.65168-39.662369 17.659063 3.55438 38.816088 5.303361 63.471074 5.303361C767.802534 376.20011 763.401873 387.709532 759.847493 398.259835zM979.372782 295.126391c0 21.157025 0.9027 39.662369 2.65168 55.516033L487.457851 350.642424C489.206832 329.485399 490.109532 310.133774 490.109532 292.474711c0-19.408044-0.9027-41.41135-2.65168-66.122755l494.566612 0C980.275482 251.063361 979.372782 273.969366 979.372782 295.126391zM640.860386 316.283416 640.860386 260.767383 540.378623 260.767383l0 55.516033L640.860386 316.283416zM876.239339 549.010689 876.239339 512l-288.243306 0 0 37.010689L876.239339 549.010689zM876.239339 617.785124 876.239339 583.369697l-288.243306 0 0 34.359008L876.239339 617.728705zM876.239339 683.907879l0-26.460386-288.243306 0 0 26.460386L876.239339 683.907879zM876.239339 755.277576l0-34.359008-288.243306 0 0 34.359008L876.239339 755.277576zM783.656198 316.283416 783.656198 260.767383l-105.785124 0 0 55.516033L783.656198 316.283416zM929.103691 316.283416 929.103691 260.767383 825.970248 260.767383l0 55.516033L929.103691 316.283416z"
                             p-id="4893" fill="#d81e06"></path><path
                             d="M1101.01157 252.812342c21.157025 1.748981 42.31405 2.65168 63.471074 2.65168L1241.212121 255.464022c21.157025 0 43.216749-0.9027 66.122755-2.65168l0 44.96573c-28.209366-1.748981-51.115372-2.65168-68.774435-2.65168l0 399.331791c0 35.261708-11.001653 56.418733-33.061377 63.471074-22.059725 7.052342-48.06876 14.104683-78.027107 21.157025-3.55438-22.906006-10.606722-44.06303-21.157025-63.471074 26.460386 0 46.714711-0.9027 60.819394-2.65168 14.104683-1.748981 21.157025-14.104683 21.157025-37.010689l0-380.826446c-35.261708 0-64.373774 0.9027-87.27978 2.65168L1101.01157 252.812342zM1278.22281 763.232617c49.366391-10.606722 88.57741-24.711405 117.689477-42.31405 29.112066-17.602645 48.06876-39.211019 56.870083-64.768705 8.801322-25.557686 14.556033-56.418733 17.207713-92.58314 2.65168-36.107989 3.10303-73.626446 1.297631-112.386116 21.157025 3.55438 41.41135 6.206061 60.819394 7.955041-5.303361 19.408044-8.801322 46.263361-10.606722 80.678788s-6.149642 70.523416-13.201983 108.436804c-7.052342 37.913388-27.306667 70.974766-60.819394 99.184132s-77.575758 51.961653-132.24551 71.426116C1308.181157 799.340606 1295.825455 780.835262 1278.22281 763.232617zM1458.029311 361.249146c3.55438-29.958347 6.149642-59.070413 7.955041-87.27978l-50.269091 0c-21.157025 0-50.269091 0.9027-87.27978 2.65168L1328.435482 231.655317c35.261708 1.748981 64.373774 2.65168 87.27978 2.65168l193.064904 0c29.958347 0 59.973113-0.9027 89.93146-2.65168l0 44.96573c-29.958347-1.748981-59.973113-2.65168-89.93146-2.65168l-87.27978 0c-5.303361 28.209366-9.704022 57.321433-13.201983 87.27978L1664.352617 361.249146c-1.748981 26.460386-2.65168 76.673058-2.65168 150.750854s0.9027 126.039449 2.65168 156.054215l-52.920771 0L1611.431846 400.911515l-214.221928 0 0 272.389642-50.269091 0c1.748981-29.958347 2.65168-81.976419 2.65168-156.054215 0-75.770358-0.9027-127.844848-2.65168-156.054215L1458.029311 361.192727zM1629.93719 712.963526c28.209366 21.157025 55.516033 42.31405 81.976419 63.471074-17.659063 15.853664-32.610028 31.763747-44.96573 47.61741-29.958347-31.763747-55.516033-55.967383-76.673058-72.723747s-44.06303-33.061377-68.774435-48.915041c17.659063-14.104683 31.763747-27.306667 42.31405-39.662369C1579.724518 675.050138 1601.727824 691.806501 1629.93719 712.963526z"
                             p-id="4894" fill="#d81e06"></path></svg>
                </th:block>
            </span>
                    <div class="ui orange basic left pointing label mini" th:text="#{archives.blog.label}"></div>
                </a>
            </div>
        </th:block>
    </div>
</div>


<!--用户个人信息部分-->
<div th:replace="main/personal_fragments :: user_personal"></div>

<div th:replace="main/_fragments :: toTop"></div>
<!--尾部-->
<div th:replace="main/_fragments :: footer"></div>

<!--引入js-->
<th:block th:replace="main/_fragments :: script"></th:block>

<script>

</script>
</body>
</html>